body,
div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
}

.clearfix {
    overflow: hidden;
    _zoom: 1;
}

a,
a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

.text-black {
    color: #000;
}

.text-gray {
    color: #6D6D6D;
}

.text-lingray {
    color: darkgray;
}

.text-eee {
    color: #eee;
}

.text-white {
    color: #FFF;
}

.text-blue {
    color: #306b9e;
}

.text-linblue {
    color: #06bdff;
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.index-title {
    height: 60px;
    background-color: #7e60ff;
}

.common-title {
    margin: 6px 15px 0;
}

.bg-color {
    background-color: #E9E9E9;
}

.bg-white {
    background-color: #fff !important;
}

.bg-blue {
    background-color: #31708f;
}

.bg-black {
    background-color: #333;
}

.bg-666 {
    background-color: #666;
}

.top-size {
    margin-top: 11px;
}

.top-size-lg {
    margin-top: 60px;
}

.font-bold {
    font-weight: 600;
}

.font-12 {
    font-size: 12px;
}

.font-16 {
    font-size: 16px;
}

.font-20 {
    font-size: 20px;
}

.c-f90 {
    color: #f90;
}

.app-bottom {
    height: 44px;
    background: #333;
    border-top: 1px solid #dcdcdc;
}

.app-bottom .app-toolbar {
    padding-top: 30px;
}

.app-bottom .app-toolbar li {
    font-size: 1rem;
}

.app-bottom .app-toolbar li .app-text {
    color: #306b9e;
}

.app-bottom .app-toolbar li a {
    position: relative;
}

.app-bottom .app-toolbar li a img {
    position: absolute;
    top: -20px;
}

/*------------<<< login----------*/
.login-style {
    width: 288px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 80px auto;
    border-radius: 10px;
    padding: 65px 10px;
}

.login-style > form {
    opacity: 0.8;
}

/*------------login >>>----------*/

/*------------<<< rates----------*/
.discount {
    padding: 3px 10px;
    text-align: center;
    background-color: rgb(243, 243, 243);
}

.top-size-lg > .rates-list > .item {
    display: block;
    padding: 10px 10px 0;
    border-bottom: 1px solid #E5E5E5;
    height: 60px;
}

.rates-right {
    padding-right: 0;
}

.text-back {
    margin: 10px 0;
}

.country-name {
    height: 25px;
}

.content-retract {
    padding: 10px 0 30px 0;
    text-indent: 30px;
}

.handle-list {
    text-align: center;
    padding: 10px;
    border-bottom: .1px solid #e5e5e5;
}

.btn-style {
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 10px auto;
    border: 2px solid gray;
    border-radius: 5px;
}

/*------------rates >>>----------*/
.message-content {
    display: block;
}

.message-content .message-list {
    padding-top: 5px;
    margin-left: 10px;
    padding-right: 10px;
    height: 60px;
    border-bottom: 1px solid #E5E5E5;
}

.message-content .message-list .patient-img {
    padding: 0;
}

.message-content .message-list .patient-img img {
    border: 1px solid #306b9e;
    border-radius: 25px;
}

.message-content .message-list .message-text {
    display: inline-block;
    padding: 5px 0;
    vertical-align: middle;
}

.message-content .message-list .message-text .message-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.message-content .message-list .message-text .message-title .message-common {
    display: inline-block;
    width: 40%;
}

.message-content .message-list .message-text .message-desc {
    padding: 3px 0;
    font-size: 1rem;
}

.tools-content li {
    margin-left: 15px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #EEEEEE;
}

.tools-content li a {
    display: block;
    width: 100%;
    height: 100%;
}

.tools-content li span {
    padding-left: 5px;
    vertical-align: middle;
}

.tools-content .tools-modal {
    width: 70%;
    margin: 255px auto auto auto;
}

.caculate-content {
    background-color: #056EBA;
    height: 800px;
}

.caculateList-title {
    padding: 30px 0;
}

.caculateList-title .caculateList-linheig {
    line-height: 30px;
}

.caculate-list li {
    float: left;
    width: 33.33%;
}

.caculate-remark {
    padding-top: 20px;
}

.differ-list li {
    height: 50px;
    line-height: 50px;
}

.differ-list li a {
    display: block;
    padding-left: 30px;
}

.differ-list li:nth-of-type(2n+1) {
    background-color: #31ABE2;
}

.differ-list li:nth-of-type(2n) {
    background-color: #034B94;
}

.epiphy-list li:first-child {
    background-color: #034B94;
}

.epiphy-list li {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
}

.epiphy-list li input[type='text'] {
    border: none;
    outline: medium;
    background-color: transparent;
    height: 40px;
    border-bottom: 1px solid #101010;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.epiphy-list .epiphy-spanWidth {
    display: inline-block;
    width: 30%;
}

.epiphy-list .epiphy-textWidth {
    width: 20%;
}

.epiphy-list .entirety-btnsty {
    background-color: #30A7E1;
}

.user-content .user-list {
    height: 80px;
    line-height: 80px;
}

.user-content .user-list .user-title {
    display: inline-block;
    width: 90%;
}

.user-content .user-list .user-data-title {
    display: block;
    width: 100%;
    color: #000;
}

.user-content .user-list .user-data-img {
    border: 1px solid #306b9e;
    border-radius: 40px;
    margin-top: 10px;
    margin-right: 5px;
}

.user-content .user-list .user-img {
    border: 1px solid #306b9e;
    border-radius: 40px;
}

.user-content .user-list .user-intro {
    display: inline-block;
    vertical-align: middle;
}

.user-content .user-list .user-intro .user-intro-style {
    padding: 5px 0;
}

.user-content li {
    height: 40px;
    line-height: 38px;
    border-bottom: 1px solid #EEEEEE;
}

.user-content li span {
    padding-left: 5px;
    vertical-align: middle;
}

.user-content li .user-data-icon {
    margin: auto 10px;
}

.user-modal {
    width: 94%;
    margin: auto;
}

.user-modal .user-modal-content {
    margin-top: 5px;
}

.user-updatename {
    height: 40px;
    border-bottom: 1px solid #CCCCCC;
}

.user-updatename .updatename-input {
    height: 30px;
    width: 90%;
    border: none;
    outline: medium;
}

.user-updatename .updatename-image {
    padding-top: 5px;
}

.user-updategender {
    border-bottom: 1px solid #CCCCCC;
}

/*------------<<< video----------*/
.videolist {
    padding: 5px 0;
}

.videolist .videodi {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 5px;
}

@media (min-width: 768px) {
    .videolist {
        height: 200px;
    }

    .videolist .videoimg {
        height: 120px;
    }
}

.video-vip {
    width: 100%;
}

.vip-stys {
    max-width: 650px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.vip-flag {
    position: absolute;
    width: 80px;
    background-color: #f9400f;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.vip-flag-1 {
    top: 8px;
    left: -21px;
}

.vip-flag-2 {
    top: 5px;
    left: -25px;
}

/*------------video >>>----------*/
/*------------<<< signal----------*/
.statusbtn {
    position: fixed;
    z-index: 99;
}

@media (max-width: 767px) {
    .statusbtn {
        width: 100%;
    }
}

.statusbtn > .btn-group {
    float: right;
    margin-right: 15px;
}

.statusbtn .sigactive,
.statusbtn .sigunActive:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
}

.statusbtn .sigunActive {
    color: #337ab7;
    background-color: #333;
    border: 1px solid #ddd;
}

.msgslist {
    padding-top: 40px;
}

/*------------signal >>>----------*/
/*------------<<< redeem----------*/
.height-125 {
    height: 125px;
}

.height-150 {
    height: 150px;
}

.redeem-list {
    padding: 2px;
    margin-bottom: 5px;
}

.redeem-liststy {
    position: relative;
    padding: 10px 15px;
    background-color: rgba(154, 145, 145, 0.5);
    border: .1px solid #f9f9f9;
}

.height-200 {
    height: 200px;
}

.redeem-listleft {
    min-width: 220px;
    position: relative;
}

.redeemicon {
    position: absolute;
    right: 0;
    width: 66px;
    height: 66px;
    z-index: 2;
}

.redicon1 {
    top: 30px;
    background: url("./../images/icon/redeem.png") no-repeat -13px -52px;
}

.redicon2 {
    top: 59px;
    background: url("./../images/icon/redeem.png") no-repeat -13px -125px;
}

.redeem-listright {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #5585b2;
    width: 20px;
    height: 100%;
    padding-left: 20px;
    padding-right: 30px;
    line-height: 25px;
    cursor: pointer;
}

.redeemline {
    position: absolute;
    left: 0;
    width: 5px;
    height: 100%;
    background: url("./../images/icon/redeem.png") no-repeat -125px -62px;
}

.redeem-bottom {
    height: 40px;
    line-height: 40px;
    background-color: #eee;
}

.redeem-bottom .mycoupon {
    float: left;
    width: 48%;
    text-align: center;
}

.redeem-bottom .line {
    float: left;
    width: 1px;
    height: 23px;
    margin-top: 8px;
    background-color: #333;
}

.redeem-bottom .member {
    float: left;
    width: 50%;
    text-align: center;
}

/*------------redeem >>>----------*/
/*------------<<< me_deposit_record----------*/
.redeem-liststy > li {
    padding: 2px 0;
}

.redeem-liststy > li > span {
    display: inline-block;
}

.recordtext {
    width: 38%;
}

.recorddata {
    width: 60%;
    font-size: 12px;
}

.record-btn {
    width: 48%;
    height: 30px;
    text-align: center;
    padding-top: 5px;
}

.cord-btn {
    display: inline-block;
    width: 100px;
    padding: 3px;
}

.cord-btn1 {
    border: .1px solid red;
}

.cord-btn2 {
    border: .1px solid #eee;
}

/*------------me_deposit_record >>>----------*/
